<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>用户界面</title>
    <link rel="stylesheet" type="text/css" href="lib/bootstrap-3.3.7/css/bootstrap.min.css" />
  </head>
  <body>
    <table class="table table-striped">
      <tr>
        <th>姓名</th>
        <th>手机</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
      {% for item in list %}
      <tr>
        <td>{{ item.userName }}</td>
        <td>{{ item.mobile }}</td>
        <td>{{ item.age }}</td>
        <td>{{ item.sex }}</td>
      </tr>
      {% endfor %}
    </table>
    <form method="post" action="/user/api/add">
      <div class="form-group">
        <label for="exampleInputEmail1">用户名</label>
        <input type="text" class="form-control" name="userName" placeholder="Email">
      </div>
      <div class="form-group">
        <label for="exampleInputEmail1">手机号</label>
        <input type="text" class="form-control" name="mobile" placeholder="Email">
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
    <script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>
